<template>
    <div style="background-color: antiquewhite;height: 631px;display: flex;    align-items: center;
    justify-content: center;">
        <router-link style="position: absolute;top: 10px;left: 10px;" to="/main/renshi/yuangongdangan">返回</router-link>
        <div style="width: 800px;
  height: 494.4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
  border-radius: 15px;">
            <div style="padding-bottom: 30px;margin-top: 80px;">
                <h2 style="font-size: 1.2em;"> <span
                        style="font-weight: bold;background-color: #409eff;padding: 10px;border-radius: 5px;color: white;">
                        用户管理
                    </span>
                </h2>
            </div>
            <div style="display: grid;grid-template-columns: repeat(2, 1fr);justify-items: center;margin-top: 40px;">
                <!-- <div class="title">
            <router-link to="/main/renshi/yuangongdangan/yuangongguanli/yuangongguanli">员工管理</router-link>
          </div>
          <div class="title">
            <router-link to="/main/renshi/yuangongdangan/yonghuguanli/yonghuguanli">用户管理</router-link>
          </div> -->
                <!-- <div class="title">
            <router-link to="/main/renshi/yuangongdangan">档案管理</router-link>
          </div>
          <div class="title">
            <router-link to="/main/renshi/yuangongdangan">档案设置</router-link>
          </div>
          <div class="title">
            <router-link to="/main/renshi/yuangongdangan">员工合同设置</router-link>
          </div> -->
            </div>
        </div>
    </div>
</template>
<style scoped>
* {
    font-family: '宋体';
    /* font-size: 18px; */
    margin: 0px;
    padding: 0px;
}

a.router-link-exact-active.router-link-active {
    text-decoration: none;
}

.title {
    border: 1px solid #ccc;
    margin: 20px;
    background-color: rgb(255, 255, 255);
    width: 150px;
    height: 40px;
    /* padding-top:65px ; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.title:hover {
    background-color: aliceblue;
    transition: 0.5s;

}
</style>